<template>
    
</template>

<script>
export default {
    beforeCreate() {
        debugger
        console.log('beforeCreate', this)
        console.log('this $data', this._data)
    },
    data() {
        debugger
        console.log('data Oberserve', this)
        return {
            message: '测试数据'
        }
    },
    created() {
        debugger
        console.log('created', this)
        console.log('this $data', this._data) //data 初始化
    },
    beforeMount() {
        debugger
        console.log('beforeMount', this)
        console.log('this $data', this.$el)
    },
    mounted() {
        debugger
        console.log('mounted', this)
        console.log('this $data', this.$el) //挂载
    },
    beforeUpdate() {
        debugger
        console.log('beforeUpdate', this)
    },
    updated() {
        debugger
        console.log('updated', this)
    },
    beforeDestroy() {
        debugger
        console.log('beforeDestroy', this)
    },
    destroyed() {
        debugger
        console.log('destroyed', this)
    }
}
</script>
